<template>
  <div class="personal-page money">
    <div class="pp-title">{{name}}</div>
    <div class="pp-content">
      <router-view></router-view>
    </div>
  </div>
</template>

<script>
  import { NavBar } from 'views/layout'
  export default {
    name: 'Listen',
    components: {
      NavBar
    },
    data() {
      return {
        name: this.$route.name
      }
    }
  }
</script>

<style rel="stylesheet/scss" lang="scss" scoped>
.personal-page.money{
  .pp-title{}
  .pp-content{
    padding: 20px 40px;
  }
}
</style>
